import 'package:flutter/material.dart';

class RowDemo extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(
          title: Text('包装控件'),
          centerTitle: true,
        ),
        // 水平线性布局，类似于Android中的LinearLayout控件
        // textDirection：表示水平方向子组件的布局顺序(是左对齐还是右对齐)
        //                TextDirection.ltr 或者 TextDirection.rtl
        // mainAxisSize：表示主轴方向占用的空间，默认是MainAxisSize.max(相当于match_parent)
        //               MainAxisSize.min(相当于wrap_parent)
        // mainAxisAlignment：表示子组件在主轴所占用的空间内对齐方式，
        //                    如果mainAxisSize值为MainAxisSize.min，则此属性无意义，
        //                    textDirection是mainAxisAlignment的参考系
        // crossAxisAlignment：表示子组件在纵轴方向的对齐方式，纵轴的长度则取决于他们最大子元素的长度
        //                     crossAxisAlignment的参考系是verticalDirection，即verticalDirection值
        // verticalDirection：表示垂直的布局方向，VerticalDirection.down从上到下，
        //                    或者VerticalDirection.up从下到上
        body: Row(
          mainAxisSize: MainAxisSize.max,
          mainAxisAlignment: MainAxisAlignment.center,
          crossAxisAlignment: CrossAxisAlignment.center,
          textDirection: TextDirection.ltr,
          verticalDirection: VerticalDirection.up,
          children: <Widget>[
            Icon(
              Icons.star,
              size: 30,
              color: Colors.green[500],
            ),
            Icon(
              Icons.star,
              size: 40,
              color: Colors.green[500],
            ),
            Icon(
              Icons.star,
              size: 50,
              color: Colors.green[500],
            ),
            Icon(
              Icons.star,
              size: 40,
              color: Colors.black45,
            ),
            Icon(
              Icons.star,
              size: 30,
              color: Colors.black45,
            ),
          ],
        ));
  }
}
